import React from 'react';
import { Zero } from 'zero';
import { Heaven } from 'heaven';
import './media.scss';

export var Template = (
    <Zero.Site>
        <Zero.Header className="advertise-header" gridArea="1/1/2/2">
            <Zero.Pic className="p-header-logo" gridArea="1/1/2/2" src="https://dotlinkface-tmpl.oss-cn-shanghai.aliyuncs.com/media-22.png" href="#"></Zero.Pic>
            <Zero.NavPage className="advertise-nav" gridArea="1/2/2/3" theme="media" navList={[
                {
                    type: "section",
                    pageTitle: '首页',
                    id: "p-head"
                }, {
                    type: "section",
                    pageTitle: '关于',
                    id: 'p-about'
                }, {
                    type: "section",
                    pageTitle: '服务',
                    id: 'p-service'
                }, {
                    type: "section",
                    pageTitle: '作品',
                    id: 'p-work'
                }
                , {
                    type: "section",
                    pageTitle: '团队',
                    id: 'p-team'
                },
                {
                    type: "section",
                    pageTitle: '联系',
                    id: 'p-contact'
                }]} >

            </Zero.NavPage>
        </Zero.Header>

        <Zero.Body>
            <Zero.Page pageTitle="广告传媒" >

                <Zero.Slide className="media-Slide" theme='theme-3' gridArea='1/1/2/2' params={{ pageDots: false }}>
                    <Zero.Pic fullScreen="true" className='carousel-cell' gridArea="1/1/2/2" src='https://dotlinkface-tmpl.oss-cn-shanghai.aliyuncs.com/media-23.png' href='#'>
                        <Zero.Text className='p-head-img-text1' gridArea='1/1/2/2' value="Keep the"></Zero.Text>
                        <Zero.Text className='p-head-img-text2' gridArea='2/2/3/3' value="beautiful"> </Zero.Text>
                        <Zero.Pic className="p-head-img1" gridArea="2/1/3/2" phoneHidden="true" src="https://dotlinkface-tmpl.oss-cn-shanghai.aliyuncs.com/media-15.png"></Zero.Pic>
                        <Zero.Text className='p-head-img-text3' gridArea='3/1/4/3' value="It was the best of times, it was the worst of times; it was the age of wisdom, it was the age of foolishness; it was the epoch of belief, it was the epoch of incredulity; it was the season of light, it was the season of darkness; it was the spring of hope, it was the win ter of despair; we had everything before us, we had nothing"></Zero.Text>
                        <Zero.Line className="p-head-line" phoneHidden="true" gridArea="4/1/5/2" theme="h"></Zero.Line>
                    </Zero.Pic>
                    <Zero.Pic Pic fullScreen="true" className='carousel-cell' gridArea="1/2/2/3" src='https://dotlinkface-tmpl.oss-cn-shanghai.aliyuncs.com/media-32.png' href='#'>
                        <Zero.Text className='p-head-img-text1' gridArea='1/1/2/2' value="Keep the"></Zero.Text>
                        <Zero.Text className='p-head-img-text2' gridArea='2/2/3/3' value="beautiful"> </Zero.Text>
                        <Zero.Pic className="p-head-img1" gridArea="2/1/3/2" phoneHidden="true" src="https://dotlinkface-tmpl.oss-cn-shanghai.aliyuncs.com/media-15.png"></Zero.Pic>
                        <Zero.Text className='p-head-img-text3' gridArea='3/1/4/3' value="It was the best of times, it was the worst of times; it was the age of wisdom, it was the age of foolishness; it was the epoch of belief, it was the epoch of incredulity; it was the season of light, it was the season of darkness; it was the spring of hope, it was the win ter of despair; we had everything before us, we had nothing"></Zero.Text>
                        <Zero.Line className="p-head-line" phoneHidden="true" gridArea="4/1/5/2" theme="h"></Zero.Line>
                    </Zero.Pic>

                </Zero.Slide>

                <Zero.Section id="p-about" gridArea="2/1/3/2" title="关于我们" sectionTitle="关于我们">
                    <Zero.Line className="p-about-line common-line" gridArea="1/1/2/2" theme="h"></Zero.Line>
                    <Zero.Text className="p-about-text1 common-text1" gridArea="2/1/3/2" value="关于我们"></Zero.Text>
                    <Zero.Text className="p-about-text2 common-text2" gridArea="3/1/4/2" value="About us"></Zero.Text>
                    <Zero.Text className="p-about-text3" gridArea="5/1/6/2" value="我们是做什么的？" subGridArea="4/1/5/2" phoneSubGridArea="5/1/6/2"></Zero.Text>
                    <Zero.Text className="p-about-text4 p-about-text4-start" gridArea="6/1/7/2" subGridArea="4/1/5/2" phoneSubGridArea="5/1/6/2" value="100%高端商业摄影，十年行业摄影经验，资深摄影师全程一对一拍摄。"></Zero.Text>
                    <Zero.Text className="p-about-text4" gridArea="7/1/8/2" subGridArea="4/1/5/2" phoneSubGridArea="5/1/6/2" value="为众多知名企业提供高品质的商业摄影，静物摄影，广告摄影，网页设计等诸多服务。"></Zero.Text>
                    <Zero.Text className="p-about-text4" gridArea="8/1/9/2" subGridArea="4/1/5/2" phoneSubGridArea="5/1/6/2" value="有着成熟精湛的景观摄影技艺，良好的视觉艺术感觉，景观摄影拥有完备器材和高效的后期团队，"></Zero.Text>
                    <Zero.Text className="p-about-text4" gridArea="9/1/10/2" subGridArea="4/1/5/2" phoneSubGridArea="5/1/6/2" value="提供高性价比的摄影服务."></Zero.Text>
                    <Zero.Text className="p-about-text5" gridArea="10/1/11/2" subGridArea="4/1/5/2" phoneSubGridArea="5/1/6/2" value="崇尚自然，以客为尊，领导时尚潮流"></Zero.Text>
                    <Zero.Pic className="p-about-img" gridArea="5/2/11/3 " subGridArea="4/2/5/3" phonesubGridArea="4/1/5/2" src="https://dotlinkface-tmpl.oss-cn-shanghai.aliyuncs.com/media-24.png"></Zero.Pic>
                </Zero.Section>

                <Zero.Section id="p-service" gridArea="3/1/4/2" title="服务范围" sectionTitle="服务范围">
                    <Zero.Line className="p-service-line common-line" gridArea="1/1/2/2" theme="h"></Zero.Line>
                    <Zero.Text className="p-service-text-top1 common-text1" gridArea="2/1/3/2" value="服务范围"></Zero.Text>
                    <Zero.Text className="p-service-text-top2 common-text2" gridArea="3/1/4/2" value="Service scope"></Zero.Text>

                    <Zero.Pic className="p-service-img-left p-service-img" gridArea="4/1/5/2" src="https://dotlinkface-tmpl.oss-cn-shanghai.aliyuncs.com/media-4.jpg" ></Zero.Pic>
                    <Zero.Layout className="p-service-textbox p-margin1" gridArea="5/1/6/2" >
                        <Zero.Text className="p-service-text-bottom-left1 p-service-textbox-text1" gridArea="1/1/2/2" value="平面摄影"></Zero.Text>
                        <Zero.Text className="p-service-text-bottom-left2 p-service-textbox-text2" gridArea="2/1/3/2" value="平面镜头就是指普通的镜头，像面的平坦与否对"></Zero.Text>
                        <Zero.Text className="p-service-text-bottom-left3 p-service-textbox-text2" gridArea="3/1/4/2" value="普通镜头而言似乎并不是一个非常关键的问题..."></Zero.Text>
                        <Zero.Pic className="p-service-box1-img p-service-box-img" gridArea="4/1/5/2" src="https://dotlinkface-tmpl.oss-cn-shanghai.aliyuncs.com/media-25.png"></Zero.Pic>
                    </Zero.Layout>
                    <Zero.Pic className="p-service-img-middle p-service-img" gridArea="4/2/5/3" phoneGridArea="6/1/7/2" src="https://dotlinkface-tmpl.oss-cn-shanghai.aliyuncs.com/media-16.png" ></Zero.Pic>
                    <Zero.Layout className="p-service-textbox p-margin2" gridArea="5/2/6/3" phoneGridArea="7/1/8/2">
                        <Zero.Text className="p-service-text-bottom-middle1 p-service-textbox-text1" gridArea="1/1/2/2" value="后期修图"></Zero.Text>
                        <Zero.Text className="p-service-text-bottom-middle2 p-service-textbox-text2" gridArea="2/1/3/2" value="统称：美工师，主要通过手绘，"></Zero.Text>
                        <Zero.Text className="p-service-text-bottom-middle3 p-service-textbox-text2" gridArea="3/1/4/2" value="把照片修复，技术要求很高..."></Zero.Text>
                        <Zero.Pic className="p-service-box2-img p-service-box-img" gridArea="4/1/5/2" src="https://dotlinkface-tmpl.oss-cn-shanghai.aliyuncs.com/media-25.png"></Zero.Pic>
                    </Zero.Layout>
                    <Zero.Pic className="p-service-img-right p-service-img" gridArea="4/3/5/4" phoneGridArea="8/1/9/2" src="https://dotlinkface-tmpl.oss-cn-shanghai.aliyuncs.com/media-5.jpg " ></Zero.Pic>
                    <Zero.Layout className="p-service-textbox p-margin3" gridArea="5/3/6/4" phoneGridArea="9/1/10/2">
                        <Zero.Text className="p-service-text-bottom-right1 p-service-textbox-text1" gridArea="1/1/2/2" value="视频制作"></Zero.Text>
                        <Zero.Text className="p-service-text-bottom-right2 p-service-textbox-text2" gridArea="2/1/3/2" value="视频制作软件是将图片、背景音乐、视频等素材"></Zero.Text>
                        <Zero.Text className="p-service-text-bottom-right3 p-service-textbox-text2" gridArea="3/1/4/2" value="经过非线性编辑后，通过二次编码，生成视频..."></Zero.Text>
                        <Zero.Pic className="p-service-box3-img p-service-box-img" gridArea="4/1/5/2" src="https://dotlinkface-tmpl.oss-cn-shanghai.aliyuncs.com/media-25.png"></Zero.Pic>
                    </Zero.Layout>
                </Zero.Section>


                <Zero.Section id="p-work" gridArea="4/1/5/2" title="作品展示" sectionTitle="作品展示">
                    <Zero.Line className="p-work-line common-line" gridArea="1/1/2/2" theme="h"></Zero.Line>
                    <Zero.Text className="p-work-text-top1 common-text1" gridArea="2/1/3/2" value="作品展示"></Zero.Text>
                    <Zero.Text className="p-work-text-top2 common-text2" gridArea="3/1/4/2" value="Appreciative Remarks"></Zero.Text>

                    <Zero.Pic className="p-work-img1 p-work-img_1" gridArea="4/1/5/2" subGridArea="4/1/5/2" src="https://dotlinkface-tmpl.oss-cn-shanghai.aliyuncs.com/media-6.jpg" ></Zero.Pic>
                    <Zero.Text className="p-work-text1 p-work-text_1" gridArea="5/1/6/2" subGridArea="4/1/5/2" value="人像摄影"></Zero.Text>

                    <Zero.Pic className="p-work-img2 p-work-img_1" gridArea="4/2/5/3" subGridArea="4/2/5/3" src="https://dotlinkface-tmpl.oss-cn-shanghai.aliyuncs.com/media-7.jpg" ></Zero.Pic>
                    <Zero.Text className="p-work-text2 p-work-text_1" gridArea="5/2/6/3" subGridArea="4/2/5/3" value="静物摄影"></Zero.Text>

                    <Zero.Pic className="p-work-img3 p-work-img_1" gridArea="4/3/5/4" subGridArea="4/3/5/4" phoneSubGridArea="5/1/6/2" src="https://dotlinkface-tmpl.oss-cn-shanghai.aliyuncs.com/media-8.jpg" ></Zero.Pic>
                    <Zero.Text className="p-work-text3 p-work-text_1" gridArea="5/3/6/4" subGridArea="4/3/5/4" phoneSubGridArea="5/1/6/2" value="风景摄影"></Zero.Text>

                    <Zero.Pic className="p-work-img4 p-work-img_1" gridArea="4/4/5/5" subGridArea="4/4/5/5" phoneSubGridArea="5/2/6/3" src="https://dotlinkface-tmpl.oss-cn-shanghai.aliyuncs.com/media-9.jpg" ></Zero.Pic>
                    <Zero.Text className="p-work-text4 p-work-text_1" gridArea="5/4/6/5" subGridArea="4/4/5/5" phoneSubGridArea="5/2/6/3" value="人像摄影"></Zero.Text>

                    <Zero.Pic className="p-work-img5 p-work-img_2" gridArea="6/1/7/2" subGridArea="5/1/6/2" phoneSubGridArea="6/1/7/2" src="https://dotlinkface-tmpl.oss-cn-shanghai.aliyuncs.com/media-10.jpg" ></Zero.Pic>
                    <Zero.Text className="p-work-text5 p-work-text_2" gridArea="7/1/8/2" subGridArea="5/1/6/2" phoneSubGridArea="6/1/7/2" value="人像摄影"></Zero.Text>

                    <Zero.Pic className="p-work-img6 p-work-img_2" gridArea="6/2/7/3" subGridArea="5/2/6/3" phoneSubGridArea="6/2/7/3" src="https://dotlinkface-tmpl.oss-cn-shanghai.aliyuncs.com/media-11.jpg" ></Zero.Pic>
                    <Zero.Text className="p-work-text6 p-work-text_2" gridArea="7/2/8/3" subGridArea="5/2/6/3" phoneSubGridArea="6/2/7/3" value="静物摄影"></Zero.Text>

                    <Zero.Pic className="p-work-img7 p-work-img_2" gridArea="6/3/7/4" subGridArea="5/3/6/4" phoneSubGridArea="7/1/8/2" src="https://dotlinkface-tmpl.oss-cn-shanghai.aliyuncs.com/meida-26.png" ></Zero.Pic>
                    <Zero.Text className="p-work-text7 p-work-text_2" gridArea="7/3/8/4" subGridArea="5/3/6/4" phoneSubGridArea="7/1/8/2" value="风景摄影"></Zero.Text>

                    <Zero.Pic className="p-work-img8 p-work-img_2" gridArea="6/4/7/5" subGridArea="5/4/6/5" phoneSubGridArea="7/2/8/3" src="https://dotlinkface-tmpl.oss-cn-shanghai.aliyuncs.com/media-27.png" ></Zero.Pic>
                    <Zero.Text className="p-work-text8 p-work-text_2" gridArea="7/4/8/5" subGridArea="5/4/6/5" phoneSubGridArea="7/2/8/3" value="人像摄影"></Zero.Text>

                    {/* <Zero.ImgSection className="media-imglist1" sectionTitle="相册" gridArea="4/1/5/2" col={4} row={2} isShowClass={false} truthwidth="70%" ifShowTitle={true} ifShowsubtitle={false} imgList={[
                        { src: " https://dotlinkface-tmpl.oss-cn-shanghai.aliyuncs.com/media-6.jpg", txt1: '人像摄影' },
                        { src: " https://dotlinkface-tmpl.oss-cn-shanghai.aliyuncs.com/media-7.jpg", txt1: '静物摄影' },
                        { src: "https://dotlinkface-tmpl.oss-cn-shanghai.aliyuncs.com/media-8.jpg", txt1: '风景摄影' },
                        { src: " https://dotlinkface-tmpl.oss-cn-shanghai.aliyuncs.com/media-9.jpg", txt1: '人像摄影' },
                        { src: " https://dotlinkface-tmpl.oss-cn-shanghai.aliyuncs.com/media-10.jpg", txt1: '人像摄影' },
                        { src: " https://dotlinkface-tmpl.oss-cn-shanghai.aliyuncs.com/media-11.jpg", txt1: '静物摄影' },
                        { src: " https://dotlinkface-tmpl.oss-cn-shanghai.aliyuncs.com/meida-26.png", txt1: '风景摄影' },
                        { src: " https://dotlinkface-tmpl.oss-cn-shanghai.aliyuncs.com/media-27.png", txt1: '人像摄影' }
                    ]} ></Zero.ImgSection> */}
                </Zero.Section>




                <Zero.Section id="p-team" gridArea="5/1/6/2" title="团队介绍" sectionTitle="团队介绍">
                    <Zero.Line className="p-team-line common-line" gridArea="1/1/2/2" theme="h"></Zero.Line>
                    <Zero.Text className="p-team-text-top1 common-text1" gridArea="2/1/3/2" value="团队介绍"></Zero.Text>
                    <Zero.Text className="p-team-text-top2 common-text2" gridArea="3/1/4/2" value="Team Introduction"></Zero.Text>

                    <Zero.Pic className="p-team-bottom-img1 p-team-bottom-img " gridArea="4/1/5/2" src="https://dotlinkface-tmpl.oss-cn-shanghai.aliyuncs.com/media-17.png" ></Zero.Pic>
                    <Zero.Pic className="p-team-bottom-img2 p-team-bottom-img" gridArea="4/2/5/3" src="https://dotlinkface-tmpl.oss-cn-shanghai.aliyuncs.com/media-18.jpg" ></Zero.Pic>
                    <Zero.Pic className="p-team-bottom-img3 p-team-bottom-img" gridArea="4/3/5/4" src="https://dotlinkface-tmpl.oss-cn-shanghai.aliyuncs.com/media-19.jpg" ></Zero.Pic>

                    <Zero.Text className="p-team-bottom-text1 p-team-bottom-text" gridArea="5/1/6/2" value="肖全"></Zero.Text>
                    <Zero.Text className="p-team-bottom-text1_1 p-team-bottom-text" gridArea="5/2/6/3" value="/"></Zero.Text>
                    <Zero.Text className="p-team-bottom-text1_2 p-team-bottom-text p-team-bottom-text1_2-mobile" gridArea="5/3/6/4" phoneGridArea="6/1/7/2" value="Christine Lau"></Zero.Text>

                    <Zero.Text className="p-team-bottom-text2 p-team-bottom-text" gridArea="5/4/6/5" value="吉承"></Zero.Text>
                    <Zero.Text className="p-team-bottom-text1_1 p-team-bottom-text" gridArea="5/5/6/6" value="/"></Zero.Text>
                    <Zero.Text className="p-team-bottom-text1_2 p-team-bottom-text" gridArea="5/6/6/7" phoneGridArea="6/4/7/5" value="Rankin"></Zero.Text>

                    <Zero.Text className="p-team-bottom-text3 p-team-bottom-text" gridArea="5/7/6/8" value="王培沂"></Zero.Text>
                    <Zero.Text className="p-team-bottom-text1_1 p-team-bottom-text" gridArea="5/8/6/9" value=" / "></Zero.Text>
                    <Zero.Text className="p-team-bottom-text1_2 p-team-bottom-text" gridArea="5/9/6/10" phoneGridArea="6/7/7/8" value="Wang Peiyi"></Zero.Text>

                    <Zero.Text className="p-team-bottom-text4" gridArea="7/1/8/2" phoneGridArea="8/1/9/2" value="新锐时尚摄影师"></Zero.Text>
                    <Zero.Text className="p-team-bottom-text5" gridArea="7/2/8/3" phoneGridArea="8/4/9/5" value="英国鬼才摄影师"></Zero.Text>
                    <Zero.Text className="p-team-bottom-text6" gridArea="7/3/8/4" phoneGridArea="8/7/9/8" value="时尚摄影师"></Zero.Text>

                    <Zero.Text className="p-team-middle-text1 " gridArea="8/2/9/3" phoneGridArea="9/1/10/2" value="肖全 /Christine Lau"></Zero.Text>
                    <Zero.Text className="p-team-middle-text2" gridArea="9/2/10/3" phoneGridArea="10/1/11/2" value="新锐时尚摄影师"></Zero.Text>

                    <Zero.Layout className="p-team-middle-box" gridArea="10/1/11/3" phoneGridArea="11/1/12/2">
                        <Zero.Pic className="p-team-middle-img" gridArea="1/1/3/2" phoneGridArea="1/1/2/2" src="https://dotlinkface-tmpl.oss-cn-shanghai.aliyuncs.com/media-17.png" ></Zero.Pic>
                        <Zero.Text className="p-team-middle-text3" gridArea="1/2/2/3" phoneGridArea="2/1/3/2" value="肖全被称为“中国最好的人像摄影师，肖全在摄影圈内外的知名度，靠的是《我们这一代》的大型摄影集，这本出版于1996年的画册几乎囊括了1980、1990年代文学艺术界风云一时的各色知肖全名人物，其中有张艺谋、陈凯歌、姜文、何训田、谭盾、北岛、王安忆、史铁生、陈村、崔健等人。为了拍摄这本画册，肖全走南闯北，用了将近10年时间才告完成。肖全也因此有了“中国最好的人像摄影师”的美誉。"> </Zero.Text>
                        <Zero.Text className="p-team-middle-text4" gridArea="2/2/3/3" phoneGridArea="3/1/4/2" value="肖全历经十余年拍摄完成的《我们这一代》，是对中国50-60年代出生的知名文化艺术界人士进行影像建档。这些年来，他遍访散落在中国各地的艺术家、文学家，在他的笔记本上排列着以自己的标准选择出的长长的名单，并且随着时间和工作的进行，这个名单还在不断地变化和丰富。"> </Zero.Text>
                    </Zero.Layout>



                </Zero.Section>


                <Zero.Section id="p-contact" gridArea="6/1/7/2" title="联系我们" sectionTitle="联系我们">
                    <Zero.Text className="p-contact-text1" gridArea="1/1/2/2" value="CONTACT US"></Zero.Text>
                    <Zero.Line className="p-contact-line" gridArea="2/1/3/2" theme="h"></Zero.Line>
                    <Zero.Text className="p-contact-text2" gridArea="3/1/4/2" value="联系我们"></Zero.Text>
                    <Zero.Pic className="p-contact-img1" gridArea="4/1/5/2" src="https://dotlinkface-tmpl.oss-cn-shanghai.aliyuncs.com/media-28.png"></Zero.Pic>

                    <Zero.Layout className="p-contact-box2" gridArea="5/1/6/2">
                        <Zero.Pic className="p-contact-img2" gridArea="7/1/8/2" src="https://dotlinkface-tmpl.oss-cn-shanghai.aliyuncs.com/media-20.png" ></Zero.Pic>
                    </Zero.Layout>
                    <Zero.Layout className="p-contact-box3" gridArea="5/2/6/3">
                        <Zero.Pic className="p-contact-img3" gridArea="1/1/2/2" src="https://dotlinkface-tmpl.oss-cn-shanghai.aliyuncs.com/media-21.png" ></Zero.Pic>
                    </Zero.Layout>
                    <Zero.Text className="p-contact-text4 p-contact-text" gridArea="6/1/7/2" value="电话：400-888-8888"></Zero.Text>
                    <Zero.Text className="p-contact-text" gridArea="7/1/8/2" value="电子邮箱：lingdaima@163.com"></Zero.Text>
                    <Zero.Text className="p-contact-text" gridArea="8/1/9/2" value="邮政编码：100000"></Zero.Text>
                    <Zero.Text className="p-contact-text" gridArea="9/1/10/2" value="地址:浙江省杭州市余杭区梦想小镇E商村5栋3楼"></Zero.Text>
                </Zero.Section>
            </Zero.Page>
        </Zero.Body>
        <Zero.NavMobile className="advertise-nav" gridArea="1/2/2/3" navList={[
            {
                type: "section",
                pageTitle: '首页',
                id: "p-head"

            }, {
                type: "section",
                pageTitle: '关于',
                id: 'p-about',
            }, {
                type: "section",
                pageTitle: '服务',
                id: 'p-service',
            }, {
                type: "section",
                pageTitle: '作品',
                id: 'p-work',
            }
            , {
                type: "section",
                pageTitle: '团队',
                id: 'p-team',
            },
            {
                type: "section",
                pageTitle: '联系',
                id: 'p-contact'
            }
        ]} />
    </Zero.Site>)



